<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <h1>首页</h1>
    <!-- 加括号百分号里面的内容可以当做js解析,但是如果前面没有加等号,则只是解析js,但是不会插入到当前位置. 如果加了等号就会解析js并将解析的结果插入到当前位置 -->
    <!-- 注意: 在模板中的加括号和百分号里面,可以直接写传入的对象中的任何一个属性 -->
    <p>欢迎您: <%- username %></p>
    <p><%= xxx.age %></p>
    <!-- - 类似于innerHTML会解析字符串中html标签 -->
    <p><%- test%></p>
    <!-- = 类似于innerText不会解析字符串中html -->
    <p><%= test%></p>

    <!-- 条件判断: -->
    <% if(flag){ %>
    <p>海静是1</p>
    <% }else{ %>
    <p>海静是0</p>
    <% } %>

    <!-- 列表渲染:  -->
    <ul>
      <% for(var i = 0; i < arr.length; i++){ %>
      <li><%= arr[i] %></li>
      <% } %>
    </ul>
  </body>
</html>
